<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<link rel="stylesheet" type="text/css" href="下厨房首页练习.css">

</head>
<body>
	<div class="body">
		<div class="box">
			<img src="../image/下厨房.png" title="下厨房" alt="下厨房">
			<div class="only">
				<form>
					<input type="text" name="" placeholder="搜索菜谱、食材">
				</form>
			</div>
			<div class="tow">搜菜谱</div>
			<!-- <p>首页</p>
			<p>菜谱分类</p>
			<p>菜单</p>
			<p>作品动态</p>
			<p>登录</p>
			<p>注册</p> -->
			<a href="">首页</a>
			<a href="">菜谱分类</a>
			<a href="">菜单</a>
			<a href="">作品动态</a>
			<a href="">登录</a>
			<a href="">注册</a>
		</div>
	</div>
	<div class="a clearFix">
		<div class="a-a">
			<div></div>
			<!-- <p style="margin-top: 0;">家常菜</p><br> -->
			<a href="" style="margin-top: 0;">家常菜</a>
			<br>
			<div></div>
			<a href="">快手菜</a>
			<br>
			<div></div>
			<a href="">下饭菜</a>
			<br>
			<div></div>
			<a href="">早餐</a>
			<br>
			<div></div>
			<a href="">肉</a>
			<div></div>
			<br>
			<div></div>
			<a href="">鱼</a>
			<br>
			<div></div>
			<a href="">蔬菜</a>
			<br>
			<div></div>
			<a href="">鸡蛋</a>
			<br>
			<div></div>
			<a href="">汤羹</a>
			<br>
			<div></div>
			<a href="">烘培</a>
			<br>
			<div></div>
			<a href="">主食</a>
			<br>
			<div></div>
			<a href="">面</a>
			<br>
			<div></div>
			<a href="">素食</a>
			<br>
			<div></div>
			<a href="">孕妇</a>
			<br>
			<div></div>
			<a href="">产妇</a>
			<br>
			<div></div>
			<a href="">婴儿</a>
			<br>
		</div>
		<div class="a-b">
			
		</div>
		<div class="a-c">
			<div class="content">
				<div class="content-img"></div>
				<p>QQ登录</p>
			</div>
			<div class="content">
				<div class="content-img1"></div>
				<p>QQ登录</p>
			</div>
			<a href="">手机邮箱登录</a>
			<p>|</p>
			<a href="">注册</a>
			<br>
			<a href="">网络有害信息举报专区</a>
			
		</div>
	</div>
</body>
</html>